<script setup>

</script>

<template>
  <div>
    <h1>App页面</h1>
    <hr />
    <!-- 路由的连接 -->
    <router-link to="/">home页</router-link> <br>
    <router-link to="/list">list页</router-link> <br>
    <router-link to="/add">add页</router-link> <br>
    <router-link to="/update">update页</router-link> <br>
    <router-link to="/showAll">showAll</router-link> <br>
    <hr />
    <!-- 路由连接对应视图的展示位置 -->
    <hr>
    默认展示位置:<router-view></router-view>
    <hr>
    home:<router-view name="home"></router-view>
    <hr>
    list:<router-view name="list"></router-view>
  </div>
</template>

<style scoped></style>
